<%--
  Created by IntelliJ IDEA.
  User: baijinbao
  Date: 2021/5/25
  Time: 8:49
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
  <title>Title</title>
  <link rel="stylesheet" href="${pageContext.request.contextPath}/layui/css/layui.css">
  <script src="${pageContext.request.contextPath}/layui/layui.js"></script>
</head>
<body id="body">

<div class="demoTable layui-form">
  <div class="layui-inline" style="margin-top: 15px">
    <div class="layui-form-item">
      <div class="layui-input-inline">
        <select id="branchidSel" name="branchid" lay-verify="required">

        </select>
      </div>
    </div>
  </div>
  <button class="layui-btn" id="reloadTabBtn" data-type="reload">搜索</button>
</div>
<table id="demo" lay-filter="test"></table>

<div id="divEle" style="display: none">
  <table id="tab" lay-filter="test2"></table>
</div>

<div id="divEle3" style="display: none">
  <h1 style="text-align: center;color: #C9A95C;" id="dianName"></h1>
  <table id="tab3" lay-filter="test3"></table>
</div>


<%--头部工具栏--%>
<script type="text/html" id="toolbarDemo">
  <div class="layui-btn-container">

    <button class="layui-btn layui-btn-sm" lay-event="shuaxin">刷新</button>
  </div>
</script>






<%--右侧工具栏--%>
<script type="text/html" id="barDemo">
  {{#  if(d.status == 1){ }}
  <a class="layui-btn layui-btn-xs" lay-event="approved" >审核通过</a>
  <a class="layui-btn  layui-btn-xs layui-btn-danger" lay-event="reject">审核驳回</a>
  {{#  } else { }}
  {{#  } }}

</script>

<script type="text/html" id="aaa">
  <a class="layui-btn layui-btn-xs" lay-event="allAuditing" >详细信息</a>
</script>

<script type="text/html" id="titleTpl">
  {{#  if(d.status == 1){ }}
  <a class="layui-btn layui-btn-warm layui-btn-sm"  style="width: 70px">审核中</a>
  {{# } else if(d.status == 2){ }}
  <a class="layui-btn layui-btn-sm"  style="width: 70px">申请通过</a>
  {{#  } else if(d.status == 3){ }}
  <a class="layui-btn layui-btn-danger layui-btn-sm"  style="width: 70px">申请驳回</a>
  {{#  } }}

</script>

<script>

  layui.use(['table','form','jquery','layer'], function(){
    var table = layui.table;
    var form = layui.form;
    var $ = layui.jquery;
    var layer = layui.layer;

    $.ajax({
      url: '${pageContext.request.contextPath}/type/getAllType',
      type: 'get',
      dataType: 'json',
      success: function (types) {
        console.log(types)
        $.each(types, function (i, obj) {
          $("#branchidSel").append(
                  $("<option></option>").attr("value", obj.branchid).text(obj.branchname)
          )
        })
        form.render('select');
      }
    })


    $("#reloadTabBtn").click(function (){
      table.reload('test',{
        where: { //设定异步数据接口的额外参数
          bid:$("#branchidSel").val()
        }
        ,page: {
          curr: 1 //重新从第 1 页开始
        }
      });
    })

    //加载表格的实例
    table.render({
      id:"test",
      //elem element 元素---》表格的容器
      elem: '#demo'//table标签的id属性值
      //,height: 312//整个表格的高度
      ,url: '${pageContext.request.contextPath}/entry/getAllEntry' //数据接口
      ,dateType:"json"
      ,toolbar: '#toolbarDemo' //开启头部工具栏，并为其绑定左侧模板
      ,cols: [[ //表头
        {type: 'checkbox', fixed: 'left'}

        ,{field: 'id', title: '入库编号'}
        ,{field: 'date', title: '入库时间'}
        ,{field: 'status', title: '审核状态', templet:'#titleTpl'}
        ,{field: 'branch.staff.staffname', title:'操作员', templet: function (data) {
            console.log(data);
            return data.branch.staff.staffname;
          }}
        ,{field: 'branch.branchname', title:'店名' ,templet: function (data) {
            console.log(data);
            return data.branch.branchname;
          }}
        ,{field: 'dates', title: '审核时间'}
        ,{field: 'xiangqing', title: '详情',templet:'#aaa'}
        ,{fixed: 'right', title:'操作',width:300, toolbar: '#barDemo' },

      ]],
      text: {
        none: '暂无相关数据' //默认：无数据。
      },
      initSort: {
        field: 'id' //排序字段，对应 cols 设定的各字段名
        ,type: 'desc' //排序方式  asc: 升序、desc: 降序、null: 默认排序
      },
      page:true,//开启分页
      limit:5,//默认每页显示的条数
      limits:[5,10,15,20]//自定义分页条数的选择
    });
    /*商品下拉框*/
    $.ajax({
      url: '${pageContext.request.contextPath}/type/getAllShop',
      type: 'get',
      dataType: 'json',
      success: function (types) {
        console.log(types);
        //将查到的书籍类型信息填充到类型下拉框中

        $.each(types, function (i, obj) {
          console.log(obj.branchid + "111");
          $("#searchBranch").append(
                  $("<option></option>").attr("value", obj.branchid).text(obj.branchname)
          )
        })
        //执行表单的更新渲染方法
        form.render('select');

        /*$.each(types,function (i, obj) {

        })*/
      }
    })
    //头工具栏事件
    //toolbar()括号中的参数就是  table容器中 lay-filter属性的值
    table.on('toolbar(test)', function(obj){
      var checkStatus = table.checkStatus(obj.config.id);
      switch(obj.event){
              /**
               * case后边的具体字符串跟 toolbarDemo中的 lay-event属性值一样
               */
        case 'add':
          //先执行清空表单的方法，再打开弹出框

          /*$("#jiuForm")[0].reset();*/
          layer.open({
            type: 1,
            content: $("#divEle3"), //这里content是一个普通的String
            area: ['1180px','680px'],
            offset: 't'
          });
          var dianName =$("#searchBranch").find("option:selected").text()

        case 'shuaxin':
          table.reload("test");
          break;
      };
    });

    // $("#jiuSearch").click(function () {
    //   table.reload('test', {
    //     where: { //设定异步数据接口的额外参数，任意设
    //       id:$("#searchBranch").val()
    //     },page: {
    //       curr: 1 //重新从第 1 页开始
    //     }
    //   }); //只重载数据
    // })


    table.on('edit(test3)', function(obj){ //注：edit是固定事件名，test是table原始容器的属性 lay-filter="对应的值"
      var inbNum=obj.value; //得到修改后的值
      if (inbNum=='' || isNaN(inbNum)){
        layer.alert("请检查数据格式！")
      }
    });



    table.on('edit(test3)', function(obj){ //注：edit是固定事件名，test是table原始容器的属性 lay-filter="对应的值"
      //得到修改后的值
      var name = obj.field; //当前编辑的字段名
      var data = obj.data;
      var invNum=obj.value;
      if (invNum==''||isNaN(invNum)||invNum<0){
        $(this).val(0)
        layer.msg("请检查数据格式！")
      }
    });


    table.on('tool(test)', function (obj) {
      //取出当前点击的行的数据
      var data = obj.data;
      if (obj.event === 'approved') {
        var flag=1;
        var aaa=${sessionScope.staff.branchid};
        var branchid= data.branch.branchid;
        if(branchid!=aaa){
          flag=0;
          layer.msg("对不起,你没有权限审核该入库审核")
        }
        if (flag==1){
          layer.confirm('确定通过该审核吗', function (index) {
            $.ajax({
              type: "POST",
              url: "${pageContext.request.contextPath}/audit/updateStatus",
              data: {"id": data.id, "status": data.status},
              dataType: "json",
              success: function (result) {
                layer.closeAll();//关闭弹框
                if (result.code == 1) {
                  //重载表格
                  table.reload("test");
                  layer.msg(result.msg);
                } else {
                  layer.msg(result.msg);
                }
              }
            })
          });
        }
      }else if (obj.event === 'reject') {
        var msg;
        layer.prompt( function (val,index) {
          msg=val;
          //console.log(msg);
          layer.close(index);
          $.ajax({
            type: "POST",
            url: "${pageContext.request.contextPath}/audit/updateStatuses",
            data: {"id": data.id, "status": data.status,"msg":msg},
            dataType: "json",
            success: function (result) {
              layer.closeAll();//关闭弹框
              if (result.code == 1) {
                //重载表格
                table.reload("test");
                layer.msg(result.msg);
              } else {
                layer.msg(result.msg);
              }
            }
          })
        });
      }else if(obj.event === 'allAuditing'){
        layer.open({
          type: 1,
          area: ['800px', '550px'],
          offset: '100px',
          content: $("#divEle")
        });
        var allMoneyNuma=0;
        table.render({
          id:"test2"
          //elem element 元素---》表格的容器
          ,elem: '#tab'//table标签的id属性值
          //,height: 312//整个表格的高度
          ,url: '${pageContext.request.contextPath}/entry/getAllWarehousings' //数据接口
          ,text: {
            none: '暂无入库详情信息～' //默认：无数据。
          }
          ,cols: [[ //表头
            {field: 'id', title: '入库编号'}
            ,{field: 'goodsid', title: '商品id'}
            ,{field: 'goodsname', title: '商品名称'}
            ,{field: 'num', title: '入库数量'}
            ,{field: 'cprice', title: '进价'}
            ,{field: 'branchid', title: '店铺编号',hide:true}
            ,{field: 'branchname', title: '所属分店'}
            ,{field: 'zongjia', title: '总价',templet: function (data) {
                return data.num*data.cprice;
              }}
          ]],

          where: {
            id: data.id,
            /* branchid:$("#searchBranch").val()*/
          }
        });
      }

    });

  });
</script>
</body>
</html>
